<template>
  <view  class="content">
    <div class="page">
      <div class="navbar">
        <div class="navbar-bg"></div>
        <div class="navbar-inner">
          <div class="left" @click="to('/pages/index/index')">
            <a href="#" class="link back">
              <i class="icon f7-icons arrow-back">arrow_left</i>
            </a>
          </div>
       <!--   <div class="title">设置</div> -->
        </div>
      </div>
      <div class="page-content">
        <div class="profile-header">
          <div class="profile-image" >
            <img src="/static/img/avatars/1.jpg" alt="">
            <div class="profile-online bg-color-green"></div>
          </div>
          <div class="profile-name">名字</div>
          <div class="profile-subtitle">Sports Journalist</div>
        </div>
       
        <div class="grid grid-cols-3 grid-gap profile-stats">
          <div class="profile-stat">
            <div class="profile-stat-number">112</div>
            <div class="profile-stat-title">发布数</div>
          </div>
          <div class="profile-stat">
            <div class="profile-stat-number">743</div>
            <div class="profile-stat-title">粉丝</div>
          </div>
          <div class="profile-stat">
            <div class="profile-stat-number">18</div>
            <div class="profile-stat-title">关注</div>
          </div>
        </div>
        <div class="section-title">
          我的发布
          <a href="/post-list/" class="link contact-button">View All</a>
        </div>
        <div class="post-list">
          <a href="/single/" class="link post-horizontal">
            <div class="infos">
              <div class="post-category">Science</div>
              <div class="post-title">Majestic King of the Savannah: The Untamed Beauty of Lions</div>
              <div class="post-date">30 minutes ago</div>
            </div>
            <div class="post-image"><img src="/static/img/post-list/2.jpg" alt=""></div>
          </a>
          <a href="/single/" class="link post-horizontal">
            <div class="infos">
              <div class="post-category">Fashion</div>
              <div class="post-title">Top Fashion Designers Unveil Innovative Collections for the Upcoming Season</div>
              <div class="post-date">3 hours ago</div>
            </div>
            <div class="post-image"><img src="/static/img/post-list/4.jpg" alt=""></div>
          </a>
          <a href="/single/" class="link post-horizontal">
            <div class="infos">
              <div class="post-category">Health</div>
              <div class="post-title">Cutting-Edge Medical Breakthrough Promises New Hope for Tropical Diseases Vaccines
              </div>
              <div class="post-date">2 days ago</div>
            </div>
            <div class="post-image"><img src="/static/img/post-list/6.jpg" alt=""></div>
          </a>
          <a href="/single/" class="link post-horizontal">
            <div class="infos">
              <div class="post-category">Business</div>
              <div class="post-title">From Companions to Protectors: Celebrating the Canine Species</div>
              <div class="post-date">5 days ago</div>
            </div>
            <div class="post-image"><img src="/static/img/post-list/7.jpg" alt=""></div>
          </a>
          <a href="/single/" class="link post-horizontal">
            <div class="infos">
              <div class="post-category">Environment</div>
              <div class="post-title">Renewable Energy Initiatives Pave the Way for a Sustainable Future</div>
              <div class="post-date">1 week ago</div>
            </div>
            <div class="post-image"><img src="/static/img/post-list/8.jpg" alt=""></div>
          </a>
        </div>
      </div>
    </div>

  </view>
</template>

<script setup lang="ts">

function to(path){
	uni.navigateTo({
	  url: path,
	});
}
</script>


<style scoped >
.content {
  height: 100vh;
}
</style>
